<template>
	<view class="money-head">
		<view>
			<h3>{{$t('money.head.title')}}</h3>
		</view>
		<!-- 轮播图 -->
		<money-swiper></money-swiper>
		<view class="timeK">		</view>
		<!-- 资产 -->
		<money-toggle></money-toggle>
		<!-- 时间 -->
		<view  class="times">
			<money-time  ></money-time>
		</view>
		
	</view>
</template>

<script>
	import swiper1 from '../money-swiper/money-swiper.vue'
	import toggleS from '../money-toggle/money-toggle.vue'
	import times from '../money-time/money-time.vue'
	export default {
		components:{
			swiper1,
			toggleS,
			times
		},
		data() {
			return {
				
			}
		},
		methods:{
			
		},
		computed:{
			
		}
	}
</script>

<style scoped>
.money-head{
	width: 100%;
	background: linear-gradient(to bottom, #DCEAFF 0%, #FFFFFF 50%);
	margin-bottom: 20rpx;

	position: relative;
}
	h3{
		text-align: center;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
		margin-bottom: 40rpx;
	}
	.content{
		box-shadow: 0 0 10rpx 10rpx rgba(0,0,0,.06);
	}
	.times{
		width: 100%;
		height: 0px;
		position: absolute;
		top: 320rpx;
	}
	.timeK{
		width: 100%;
		height: 130rpx;
		z-index: 99;
	}
</style>
